<!DOCTYPE html>
<html>
<head>
    <title>server_1</title>
</head>
<body>
    <h1>客户端跨域访问2：window.name</h1>
    <h2>
        当前路径：<span id="cururl"></span>
    </h2>
    <div id="result"></div>
    
    <script>
        document.getElementById('cururl').innerHTML = window.location.href;
        
        function receiveData() {
            var iframe = document.createElement('iframe');
            var loadCount = 0;
            
            iframe.style.display = 'none';
            document.body.appendChild(iframe);
            // 第一次加载
            iframe.src = 'http://sub.websecurity.com/setdata.html';
            
            iframe.onload = function() {
                if (loadCount === 0) {
                    // 第一次加载完成后，尝试读一下子页面的window.name
                    try {
                        var sub_data = iframe.contentWindow.name;
                        console.log('第一次加载子页面后读取window.name成功！');
                    } catch(e) {
                        console.error('第一次加载子页面后读取window.name失败：', e);
                    }
                    
                    loadCount = 1;
                    // 在下面添加你的代码，重新加载一个同源页面
                    some codes ...
                } else {
                    // 第二次加载完成后，可以访问window.name
                    try {
                        // 在下面添加你的代码，将window.name中的值（该值是一个JSON格式的数据）显示在result元素中
                        some codes ...
                    } catch(e) {
                        console.error('第二次加载子页面后读取window.name失败：', e);
                    }
                    
                    // 清理iframe
                    document.body.removeChild(iframe);
                }
            };
        }
        
        receiveData();
    </script>
</body>
</html>